<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>换款详情</title>
<link rel="stylesheet" href="${basePath}/resources/weixin/css/style.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/css/layer.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/icon/iconfont.css" />
</head>

<body>
<!-- 产品图 -->
<main class="banner">
	<ul class="swiper-wrapper">
    	<li class="swiper-slide"><img src="${basePath}/resources/weixin/Images/com/cp_1.jpg"></li>
    	<li class="swiper-slide"><img src="${basePath}/resources/weixin/Images/com/cp_1.jpg"></li>
    	<li class="swiper-slide"><img src="${basePath}/resources/weixin/Images/com/cp_1.jpg"></li>
  	</ul>
    <section class="spot"></section>
</main>

<!-- 基本信息 -->
<section class="essential">
	<h1>范琦14K金戒指女男情侣对戒14K黄金定情结婚戒指珠宝首饰品 </h1>
	<section class="huankuan">
    	<i>销售价：￥3199.00</i>
    	<em>换款价格：￥3199.00</em>
    	<em>剩余金额：￥3199.00</em>
    </section>
    <ul>
    	<li>
        	<em>颜色：</em>
        	<span class="colour">
            	<a class="hover" href="">白色</a>
            	<a href="">白色</a>
            	<a href="">白色</a>
            </span>
        </li>
    	<li>
        	<em>数量：</em>
           	<span class="amount">
            	<a class="icon" href="">&#xe603;</a>
                <input value="1" type="text">
                <a class="icon" href="">&#xe600;</a>
           	</span>
        </li>
    	<li><a href=""><i class="icon">&#xe66c;</i><em>联系客服</em></a></li>
    </ul>
</section>

<!-- 评论 -->
<section class="comment_list">
	<a class="title" href="">
    	<em>商品评价</em>
    	<i class="icon">&#xe722;</i>
    </a>
    <section class="comment_list_main">
    	<span class="title">
        	<img src="${basePath}/resources/weixin/Images/com/00001.jpg">
        	<em>张三丰</em>
            <i>2016.02.25</i>
        </span>
        <p>曝光于网友11日发布的一段1分多钟的短视频。该视频显示，事发时一名年轻警员同一名坐在警车驾驶室内的警员疑似因查车开罚单事件引发言语争执。</p>
    </section>
    <a class="more" href="">查看全部18条评价<i class="icon">&#xe722;</i></a>
</section>

<!-- 商品详情 -->
<section class="depict_week">
	<span class="title">商品详情</span>
	<span class="picture"><img src="${basePath}/resources/weixin/Images/com/0001.jpg"></span>
</section>

<!-- FOOTER -->
<footer class="add_submit">
	<span class="check">
        <a class="hover" href=""><i class="icon">&#xe653;</i><em>首页</em></a>
        <a href=""><i class="icon">&#xe602;</i><em>换款</em></a>
        <a href="">
        	<i class="icon">&#xe68d;</i><em>购物车</em>
        	<u>5</u>
        </a>
    </span>
	<a class="cart" href="">加入购物车</a>
</footer>

<script type="text/javascript" src="${basePath}/resources/weixin/js/swiper.min.js"></script>
<script type="text/javascript">
var swiper = new Swiper('.banner', {
	pagination: '.spot',
    paginationClickable: true
});
</script>
</body>
</html>
